<!DOCTYPE html>
<html>
<head>
	<title>HTML KickStart</title>
	<meta charset="UTF-8">
	<meta name="description" content=""/>
	<script type="text/javascript"
	        src="<?= $sTpl ?>https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
	<!--[if lt IE 9]>
	<script src="<?= $sTpl ?>http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
	<script type="text/javascript" src="<?= $sTpl ?>js/prettify.js"></script>
	<!-- PRETTIFY -->
	<script type="text/javascript" src="<?= $sTpl ?>js/kickstart.js"></script>
	<!-- KICKSTART -->
	<link rel="stylesheet" type="text/css" href="<?= $sTpl ?>css/kickstart.css" media="all"/>
	<!-- KICKSTART -->
	<link rel="stylesheet" type="text/css" href="<?= $sTpl ?>style.css" media="all"/>
	<!-- CUSTOM STYLES -->
</head>
<body><a id="top-of-page"></a>

<div id="wrap" class="clearfix">
	<!-- ===================================== END HEADER ===================================== -->


	<!-- 
	
		ADD YOU HTML ELEMENTS HERE
		
		Example: 2 Columns
	 -->
	<!-- Menu Horizontal -->

	<div class="col_12">
		<div class="block">
			<h2 align="center">Сокращалка URL</h2>

			<div>
				<form method="GET">
					<label class="col_12">введите длинный url</label>
					<input type="text" name="url" placeholder="http://goooooooooooooooooogle.com" class="col_7"
						value="<?=isset($sLongUrl)?$sLongUrl:''?>"/>
					<button class="medium">Сократить!</button>
				</form>
			</div>
			<div>
				<label class="col_12">короткий url</label>
				<input type="text" class="col_4" value="<?=isset($sShortUrl)?$sShortUrl:''?>" />
			</div>
			<br> </br>
			<div class="link" align="center"><a href="history.php">Посмотреть последние сокращения</a></div>
		</div>
	</div>

	<!-- ===================================== START FOOTER ===================================== -->
	<div class="clear"></div>

</div>
<!-- END WRAP -->
</body>
</html>